/*
Copyright 2008 Ilya Novoselov

This file is part of TyuChat.

TyuChat is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.

TyuChat is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU General Public License for more details.

You should have received a copy of the GNU General Public License
along with TyuChat.  If not, see <http://www.gnu.org/licenses/>.
*/

body {
    background-color: #f8f8f8;
    font-family: verdana;
    font-size: .9em;
}

div#header_frame {
	position: absolute;
	top: 0px;
	height: 3.5em;
	left: 0px;
	right: 0px;
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #d0d0d0;
}

#header {
	padding: 0.3em;
}

div#tabs_frame {
    position: absolute;
    height: 2em;
    top: 0em;
    left: 0em;
    right: 0em;
    background-color: #f0f0f0;
}

ul#tabs {
    list-style: none;
    margin: 0px;
    padding: 0px 0px 1px 0px;
    border-bottom: 1px solid #d0d0d0;
    display: inline;
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
}

ul#tabs li {
    margin: 0px 0px 0px .5em;
    display: inline;
    border-width: 1px;
    border-style: solid;
    padding: 1px 0.5em 1px 0.5em;
    background-color: #f8f8f8;
    border-color: #d0d0d0;
    cursor: pointer;
}

ul#tabs li.active {
    border-color: #d0d0d0 #d0d0d0 #f8f8f8 #d0d0d0;
    cursor: default;
}

div.topic {
    left: 0.2em;
    right: 10.4em;
    top: 2.2em;
}

div.userlist_stats {
    position: absolute;
    top: 2.2em;
    height: 1em;
    right: 0.2em;
    width: 9.8em;
    text-align: center;
}

div.userlist_frame {
	top: 3.8em;
	bottom: 1.8em;
	width: 9.8em;
	right: 0.2em;
	overflow: auto;
}

div.userlist_frame table {
    border-spacing: 0px;
}

tbody.userlist {
	padding: 0.5em;
	list-style-type: none;
	margin: 0em;
}

div.text {
	top: 3.8em;
	bottom: 1.8em;
	left: 0.2em;
	right: 10.4em;
	padding: 0em;
	margin: 0em;
	overflow: auto;
}

div.peer_text {
    top: 2.2em;
    bottom: 1.8em;
    left: 0.2em;
    right: 0.2em;
    padding: 0em;
    margin: 0em;
    overflow: auto;
}

div.frame {
    background-color: white;
    position: absolute;
    padding: 0px;
    border: 1px solid #d0d0d0;
}

div.frame input {
    width: 100%;
    border: none;
}


.messages {
	padding: 0.5em;
}

div.input {
	left: 0.2em;
	right: 10.4em;
	bottom: 0.2em;
}

.buttons {
	position: absolute;
	right: 0.2em;
	width: 9.8em;
	bottom: 0.2em;
}

.buttons input {
	width: 48%;
}

.clickable {
    cursor: pointer;
}
